//第一步，创建我们的启动模块routerApp
var routerApp = angular.module('routerApp',['ui.router','loginApp','pageList','xg.page','addCont','modifyCont','showCont']);//在整个入口文件引入jsAPP模块
routerApp.run(function($rootScope,$state,$stateParams){
    $rootScope.$state = $state;
    $rootScope.$stateParams = $stateParams;
})
routerApp.config(function($stateProvider,$urlRouterProvider){//两个服务来自ui.router
    $urlRouterProvider.otherwise('/index');//访问当前的并且要跳转的页面
    //那么所有的路由都要在$stateProvider中进行具体的配置
    $stateProvider
    //当用户打开整个项目的时候，ui-view中显示的是home.html内容
        .state('index',{
            url:'/index',
            views:{
                '':{
                    templateUrl:'tpls/home.html'//当前的模板样式
                },
                'main@index':{//视图的名称  当前的状态
                    templateUrl:'tpls/login.html'//当前的模板样式
                }
            }
        })
        //文章列表页面先创建路由
        .state('list',{
            url:'/{type:[0-9]{1,4}}',//传的值赋值给type// /0 /1 /2 /3
            views:{
                '':{
                    templateUrl:'tpls/list.html'
                },
                'type@list':{//视图名，当前的状态
                    templateUrl:'tpls/type.html'//当前的模板样式
                },
                'grid@list':{
                    templateUrl:'tpls/grid.html'
                }
            }
        })
        .state('add',{//表示当前路由下要显示的内容，即状态
            url:'/add',
            views: {
                '': {
                    templateUrl: 'tpls/add.html'//当前的模板样式
                },
                'type@add': {//视图的名称  当前的状态
                    templateUrl: 'tpls/type.html'
                },
                'addcon@add': {
                    templateUrl: 'tpls/addcon.html'
                }
            }
        })

        //1.创建修改的路由
        .state('modify', {
            url: '/modify/:Id',
            views: {
                '': {
                    templateUrl: 'tpls/modify.html'
                },
                'type@modify': {
                    templateUrl: 'tpls/type.html'
                },
                'modifycon@modify': {
                    templateUrl: 'tpls/modifycon.html'
                }
            }
        })

        //创建查询数据的路由
        .state('show', {
            url: '/show/:Id',
            views: {
                '': {
                    templateUrl: 'tpls/show.html'
                },
                'type@show': {
                    templateUrl: 'tpls/type.html'
                },
                'showcon@show': {
                    templateUrl: 'tpls/showcon.html'
                }
            }
        })

});

